body { background:#f5f5f5;}


.w{width: 100%;}
#header{margin-top: 10px;}
#header .fixed{position: fixed;width: 100%;top: 0;left: 0;z-index: 999;padding: 10px 0;border-bottom: 2px solid #4448f8;background: #F6F6F6;box-shadow: 0px 2px 5px rgba(0,0,0,.2);}
#header .fixed .filterBox{width: 1200px;margin: 0 auto;}
#header .filterBox{background: #F6F6F6;margin-bottom: 10px;height: 25px;position: relative;}
/*#header .filterBox i { color: #adadad; margin: 0 10px; }*/
#header .filterBox .bg{background-image: url(/images/search/search_filter_icon.png);background-repeat: no-repeat;display: inline-block;}
#header .filterBox .right_icon{width: 5px;height: 10px;background-position: -47px 0px;margin: 0 10px;}
#header .filterBox > li:first-child { width: 130px; text-align: center; }
#header .filterBox > li:first-child >b{display: inline-block;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#header .filterBox .content { background: #ff0000; color: #fff; padding: 5px 10px 4px; display: inline-block; cursor: pointer;position: relative;z-index: 1000; }
#header .filterBox .content b{ display: inline-block;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: text-bottom;margin-bottom: 2px; }
#header .filterBox .down { width: 10px;height: 12px;background-position: -90px 2px;margin: 0 0 0 5px; }
#header .filterBox .del {width: 10px;height: 12px;background-position: 0px 2px;margin: 0 0 0 5px;cursor: pointer;position: relative;z-index: 9999; }
#header .filterBox .clear { background: #fff; border: 1px solid #bfbfbf; padding: 3px 5px; font-size: 12px; margin-left: auto; cursor: pointer; }
#header .layerBox { width: 1042px; position: absolute; top: 0px; left: 132px; z-index: 999; }
#header .layerBox .outBox { border: 1px solid #ec7070; background: #fff; padding: 15px 30px; box-sizing: border-box;margin-top: 31px; }
#header .filterBox .content .top { background-image: url(/images/search/search_layer_icon.png);background-repeat: no-repeat;background-color: #fff; display: none; width: 12px; height: 6px; background-size: 100% auto; position: absolute; bottom: -7px; left: 50%;border-bottom: 1px solid #fff;z-index: 9999;-webkit-transform: translate(-50%, 0);transform: translate(-50%,0); }
#header .layerBox .item li { margin-right: 20px; padding: 10px; border-bottom: 2px solid transparent;cursor: pointer; }
#header .layerBox .categoryBox { border: 0px; border-top: 1px solid #dcdcdc; }
#header .layerBox .item .active { border-bottom: 2px solid #25c3c7; color: #4448f8; }
#header .chooseBox { border: 1px solid #dedede;}
#header .chooseBox:nth-last-of-type(1) { border-bottom: 1px solid #DEDEDE; }
#header .chooseBox .left { text-align: center; margin: 15px 0; width: 105px; }
#header .chooseBox .right { border-left: 1px solid #DEDEDE; background: #fff; padding: 12px 25px 12px; }
#header .chooseBox .right .item li { padding: 5px 20px; border: 1px solid transparent; cursor: pointer; }
#header .chooseBox .right .active { border: 1px solid #25c3c7 !important; border-bottom: 1px solid #fff !important; position: relative; z-index:0; color: #4448f8; }
#header .icon {background-repeat: no-repeat; display: inline-block; margin-right: 5px; background-position: left center;}
#header .icon_id_26{background-repeat: no-repeat; display: inline-block; margin-right: 5px; background-position: left center;width: 14px; height: 10px; background-image: url(/images/search/icon_id_26.png); }
#header .icon_id_26_s{background-image: url(/images/search/icon_id_26_s.png);}
#header .icon_id_32{background-repeat: no-repeat; display: inline-block; margin-right: 5px; background-position: left center;width: 12px; height: 16px; background-image: url(/images/search/icon_id_32.png); }
#header .icon_id_32_s{background-image: url(/images/search/icon_id_32_s.png);}
#header .icon_id_127{background-repeat: no-repeat; display: inline-block; margin-right: 5px; background-position: left center;width: 16px; height: 16px; background-image: url(/images/search/icon_id_127.png); }
#header .icon_id_127_s{background-image: url(/images/search/icon_id_127_s.png);}
#header .icon_id_154{background-repeat: no-repeat; display: inline-block; margin-right: 5px; background-position: left center;width: 13px; height: 16px; background-image: url(/images/search/icon_id_154.png); }
#header .icon_id_154_s{background-image: url(/images/search/icon_id_154_s.png);}
#header .icon_id_370{background-repeat: no-repeat; display: inline-block; margin-right: 5px; background-position: left center;width: 14px; height: 14px; background-image: url(/images/search/icon_id_370.png);background-size: 100% auto; }
#header .icon_id_370_s{background-image: url(/images/search/icon_id_370_s.png);}
#header .icon_id_183{background-repeat: no-repeat; display: inline-block; margin-right: 5px; background-position: left center;width: 10px; height: 16px; background-image: url(/images/search/icon_id_183.png); }
#header .icon_id_183_s{background-image: url(/images/search/icon_id_183_s.png);}
#header .categoryBox { border: 1px solid #25c3c7; margin-top: -1px; padding: 10px 10px 0px 10px; box-sizing: border-box; }
#header .categoryBox .contents { min-width: 40%; margin: 0 50px 15px 0; }
/*#header .categoryBox .contents:nth-of-type(2n) { margin-right: 0px; }*/
#header .categoryBox .contents:nth-last-of-type(1) dd{ border-bottom: 0px; }
#header .categoryBox .contents dt { background-image: url(/images/search/search_category_opt.png); background-repeat: no-repeat; background-size: 100% auto; width: 101px; padding: 7px 5px 5px 0; text-align: center; margin-right: 5px;box-sizing: border-box; }
#header .categoryBox .contents .check { background-image: url(/images/search/search_category_opts.png); color: #fff; }
/*#header .categoryBox .contents dd { border-bottom: 1px solid #dedede; }*/
#header .categoryBox .contents span { /*border-right: 1px solid #dedede;*/ margin-bottom: 22px; box-sizing: border-box; padding: 0 5px;position: relative; }
#header .categoryBox .contents span:nth-last-of-type(1) { border-right: 0px; }
#header .categoryBox .contents span b{ display: inline-block;padding: 5px 10px;border: 1px solid transparent;box-sizing: border-box;cursor: pointer; }
#header .categoryBox .contents span:not(:nth-last-of-type(1)):after{content: '';border-right: 1px solid #dedede;height: 14px;margin-left: 10px;}
#header .categoryBox .contents span i { display: block; color: #969696;margin-left: 10px; background: url(/images/search/search_category_right.png) no-repeat; background-size: 5px auto; background-position: left center; padding: 3px 10px; box-sizing: border-box;cursor: pointer;border: 1px solid transparent;white-space: nowrap;position: absolute; }
#header .categoryBox .contents span i.bottom{background: url(/images/search/search_category_bottom.png) no-repeat;background-position: -1px center;}
#header .checkBox { padding-bottom: 0px; }
#header .chooseBox .an { width: 25px; color: #fff; background: #4448f8; cursor: pointer; }
#header .chooseBox .an i { display: block; width: 10px; height: 10px; background: url(/images/search/search_bottom.png) no-repeat; background-size: 100% auto; margin-top: 5px; }
#header .checkBox li { margin: 7px 0 7px 15px; width: 110px; cursor: pointer;text-align: left!important; }
#header .checkBox li b, .parameterBox .checkBox li b { word-break: break-all; }
#header .checkBox li>span, .parameterBox .checkBox li>span{display: block;float: left;width: 88px;}
#header .checkBox li i, .parameterBox .checkBox li i { background-image: url(/images/search/search_checked.png); background-repeat: no-repeat; display: block;float: left; width: 12px; height: 12px; background-position: 0 0; margin-right: 10px; vertical-align: text-top;margin-top: 1px; }
#header .checkBox .check, .parameterBox .checkBox .check { background-position: -121px 0px; }
#header .tick, .parameterBox .tick{background: url(/images/search/search_icon_tick.png) no-repeat !important;background-position: right bottom !important;border: 1px solid #25c3c7!important;color: #000!important;}
.parameterBox { width: 265px; border: 1px solid #dedede; }
.parameterBox h3 { height: 35px; color: #fff; background: #4448f8; border-bottom: 1px solid #dedede;cursor: pointer; }
.parameterBox h3 b { font-size: 14px; text-align: center; display: block; }
.parameterBox .notParameterBox{border-top: 1px solid #dedede;background: url(/images/search/no_search_parameter.png) no-repeat;background-position: center 15px;overflow: hidden;height: 325px;}
.parameterBox .notParameterBox p{text-align: center;color: #000;font-size: 16px;margin: 185px 0 0;line-height: 180%;}
.parameterBox .notParameterBox p b{color: #ff0000;font-size: 25px;}
.parameterBox .icon { display: block; background-image: url(/images/search/search_parameter.png); background-repeat: no-repeat; margin-right: 10px;-webkit-transition: all .3s;transition: all .3s; }
.parameterBox .icon1 { width: 19px; height: 15px; background-image: url(/images/search/search_bottom.png); background-size: 100% auto;-webkit-transform: rotate(-90deg);transform: rotate(-90deg); }
.parameterBox .icon2 { width: 22px; height: 22px; background-position: -144px -38px;transform: rotate(-90deg);}
.parameterBox .icon3 { width: 11px; height: 9px; background-position: 0px -7px;transition: all .3s; }
.parameterBox .icon4 { width: 21px; height: 21px; background-position: -145px 0px;display: none; }
.parameterBox .rotate{ -webkit-transform: rotate(0deg);transform: rotate(0deg);}
.parameterBox .titleBox { border-bottom: 1px solid #dedede;border-top: 1px solid #dedede; padding: 5px 0 5px 20px; box-sizing: border-box; font-size: 14px; background: #fff; cursor: pointer; }
.parameterBox .checkBox { padding: 15px 15px 0; background: #F8F8F8; cursor: pointer; }
.parameterBox .checkBox:nth-last-of-type(1) { border-bottom: 0px; }
.parameterBox .checkBox li { width: 50%; margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.parameterBox .allBox { padding: 3px 0 10px; cursor: pointer;background: #F8F8F8;height: 40px;box-sizing: border-box; }
.parameterBox .allBox .retract{padding-left: 31px;box-sizing: border-box;}
.parameterBox .allBox b { color: #777777; }
#header .packUp, .parameterBox .packUp { -webkit-transform: rotate(180deg);transform: rotate(180deg); }
#header .chooseBox .right .item li:hover,#header .categoryBox .contents span b:hover,#header .categoryBox .contents span i:hover,#header .checkBox li:hover,.parameterBox .checkBox li:hover{color: #62d3d7;}
#header .filterBox .clear:hover{background: #e0e0e0;}

/*选型*/
#header .position>li{position: relative;}
#header .select_outBox{position: absolute;left: 0;top: 0;z-index: 9;}
#header .select_outBox *{margin: 0;padding: 0;}
#header .triangle_icon{display: none;height: 0px;width: 0px;border-left: 5px solid transparent;border-bottom: 5px solid #5b5b5b;border-right: 5px solid transparent;position: absolute;left: 30%;top: 30px;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);}
#header .select_box{background-color: rgba(75,75,75,.91);padding: 10px 0;margin: 35px 0 0 30px;color: #fff;font-size: 12px;max-height: 500px;overflow: auto;}
#header .select_box .left{border-right: 1px dashed #fff;height: 100%;}
#header .select_box .left,#header .select_box .right{padding: 0 20px;white-space: nowrap;}
#header .select_box .left:nth-last-of-type(1){border-right: 1px solid transparent;}
#header .select_box .left>li,#header .select_box .right>li{margin-top: 10px;height: 22px;line-height: 22px;cursor: pointer;}
#header .select_box .left>li:nth-last-of-type(1),#header .select_box .right>li:nth-last-of-type(1){margin-bottom: 10px;}
#header .select_box .left>li:hover{color: #c93b3a;}
#header .select_box .active{color: #ff0000;text-decoration: underline;}
#header .select_box .active2{background: #c93b3a!important;}
#header .select_box .accessory1,#header .select_box .accessory2{display: inline-block;color: #fff;padding: 3px 5px;border-radius: 3px;border: 1px solid transparent;box-sizing: border-box;font-size: 11px;line-height: 100%;margin-left: 10px;}
#header .select_box .accessory1{background: #ff0000;}
#header .select_box .accessory2{border: 1px solid #fff;}
#header .select_nocheck{display: inline-block;width: 12px;height: 12px;background: url(/images/search/select_check_icon.png) no-repeat;margin-right: 10px;background-position: -1px 0;margin-top: 2px;vertical-align: text-top;}
#header .select_check{background-position: -1px -26px;}

/*搜索状态栏*/
.status-menu { position:relative;height:36px; background:#ffffff; border:1px solid #dedede; }
.status-menu ul{ display:inline-block;}
.status-menu ul li { display:inline-block; cursor:pointer; color:#000;  float:left; width:65px; height:36px; line-height:36px; text-align:center; border-right:1px solid #dedede; }
.status-menu ul li:hover { background:#d8f8f8;}
.status-menu ul li.current{ background:#0fbcbe; color:#fff; }
.status-menu ul li i { margin-left:3px; display:inline-block;}

.status-menu ul li .sort {  background:url(/images/icon_sort.png) no-repeat; width:7px; height:13px;}
.status-menu ul li .sort-down {  background:url(/images/icon_down_sort.png) no-repeat; width:7px; height:13px;}
.status-menu ul li .sort-up {  background:url(/images/icon_up_sort.png) no-repeat; width:7px; height:13px;}
.status-menu ul li .list-type-a {background:url(/images/icon_list_type.png) 0 0px no-repeat; width:12px; height:10px; }
.status-menu ul li .list-type-b { background:url(/images/icon_list_type.png) 0 -20px no-repeat; width:12px; height:10px; }
.status-menu ul li .list-sm-a { background:url(/images/icon_list_sm.png) 0 0px no-repeat; width:12px; height:12px; }
.status-menu ul li .list-sm-b { background:url(/images/icon_list_sm.png) 0 -22px no-repeat; width:12px; height:12px; }

.status-menu .right-box { position:absolute; right:10px; top:6px; }
.status-menu .right-box>div {display:inline-block; margin-right:20px; }
.status-menu .right-box  .num { font-size:16px; margin:0 2px; }
.status-menu .right-box .page  { display:inline-block;}
.status-menu .right-box .button { display: inline-block;border:1px solid #dedede; }
.status-menu .right-box .button a:first-child { border-right:1px solid #dedede; box-sizing:border-box;}
.status-menu .right-box .button a:hover { background:#d8f8f8; }
.status-menu .right-box .button .disable { background:#f1f1f1;cursor:default;}
.status-menu .right-box .button .disable:hover { background:#f1f1f1; color:#000;}
.status-menu .right-box .page  a { display:inline-block; padding:2px 12px;  text-align:center; font-size:16px; font-family:"宋体"}

/*中间关键词*/
.more-box { margin-top:12px; margin-bottom:12px; }
.more-box .nav_sanme { display:inline-block;}
.more-box .key{ margin:0; padding:0;display:inline-block;}
.more-box .key li { display:inline-block; margin-left:8px; }
.more-box .key li a { height:32px; line-height:32px; text-align:center; display:block; padding:0px 15px; background:#ff0000; border-radius:3px; text-align:center; color:#fff; font-size:14px;}
.more-box .key li a:hover {  background-color:#cf4c4c;}
.more-box .right { float:right;}
.more-box .right label{ font-size:14px;}
.more-box .right .page-size {  display:inline-block; margin-right:20px;}
.more-box .right .page-size li { display:inline-block; vertical-align:middle; margin-left:8px; }
.more-box .right .page-size li:hover { background:#d8f8f8;}
.more-box .right .page-size li a { display:inline-block; width:24px; height:24px; border:1px solid #dedede; text-align:center; line-height:24px;}
.more-box .right .page-size li .current { background:#0fbcbe; color:#fff; border:none;}

.icon-cart { display:inline-block; cursor:pointer; background-color:red;  width:130px; height:32px; text-align:center; line-height:32px; font-size:14px; border-radius:3px;}
.cart_empty { background-color:#979797;}
.cart_empty:hover {  background-color:#979797 !important;}
.icon-cart > label { color:#fff; margin-left:8px;}
.icon-cart > i { display:inline-block; background:url(/images/icon-cart-white.png); width:13px; height:13px;}
.icon-cart:hover {  background-color:red;}

.icon-parts { display:inline-block; width:14px; height:16px; background:url(/images/icon_pj.png) no-repeat; vertical-align:middle;}
/*产品列表*/
.product-table { width:100%; background:#fff; border-collapse:collapse;}
.product-table tr th { text-align:center; height:40px; background-color:#4448f8; color:#fff;}
.product-table tr td:first-child { position:relative;}
.product-table tr:nth-child(odd) { background-color: #f5f5f5; }
.product-table tr:nth-child(even) { background-color: #fff; }
.product-table tr td {text-align:center; height:40px; border:1px solid #dedede; height:105px; padding:0 5px;}

.pic-box { float:left; display:inline-block; height:105px;width:105px;}
.pic-box img { height:85px;width:85px; margin-top:10px;  }
.detail-box { float:left;display:inline-block;  margin-top:10px; margin-left:5px;}
.detail-box ul { text-align:left; width:250px; }
.detail-box ul li { margin-top:6px; }
.detail-box ul li:first-child { margin-top:2px; }

.detail-box ul li label { display:inline-block; vertical-align:middle; }
.detail-box ul li .stext {  display:inline-block; vertical-align:middle; max-width:200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.w-140 { max-width:140px !important; }
.brand {  display:inline-block;vertical-align:middle; padding:2px 4px; border-radius:2px; border:1px solid #0fbcbe; color:#0fbcbe !important;}
.detail-box ul li .spec { vertical-align:middle; display:inline-block;width:240px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.detail-box  ul li .name {  color:#000;vertical-align:middle; line-height:18px; margin-left:3px;  display:inline-block;  width:175px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.detail-box span{ color:#979797; }

.hq-box>div{  margin-bottom:5px; text-align:left; margin-left:20px;}
.hq-box > div label { margin-left:5px;}

.dishq-box>div{ margin-bottom:5px; }
.clear-text{ display:none; cursor:pointer; text-align:center; color:#9d9d9d; margin-top:3px;}
.num-box { }
.num-box a { font-size:20px;  display:inline-block; vertical-align:middle;}
.num-box input { border:1px solid #e6e6e6 !important; height:26px; width:50px; text-align:center;}
.xh-status {  display:inline-block; border:1px solid #4448f8; padding:2px 5px; color:#4448f8;}
.dc-status {  display:inline-block; border:1px solid #fece00; padding:2px 5px; color:#fece00;}
.dh-status {  display:inline-block;border:1px solid #eb6262;padding:2px 5px; color:#eb6262;}

/*大图列表*/
/*.b-wrap-list { margin-top:15px; margin-left:-12px;}
.b-wrap-list .pro-box { position:relative; float:left; margin-left:12px; border-radius:3px; margin-bottom:15px;  border:1px solid #dedede;width:220px; background:#fff; height:380px; box-sizing:border-box;}*/
/*.b-wrap-list { margin-top:20px; display:flex;flex-direction:row; flex-wrap:wrap;justify-content:space-between;}*/
.b-wrap-list { margin-top:20px; margin-left:-13px;}
/*.b-wrap-list:after { content:""; width:220px;}*/
.b-wrap-list .pro-box { float:left; margin-left:13px; position:relative; border-radius:3px; margin-bottom:15px;  border:1px solid #dedede;width:220px; background:#fff; height:380px; box-sizing:border-box;}
.b-wrap-list .no-cout { }
.b-wrap-list .has-count {  border:2px solid #ff0000; box-shadow:#ccc 0 0 8px;}

.b-wrap-list .pro-box .pic { width:220px; height:180px; overflow:hidden; text-align:center; }
.b-wrap-list .pro-box .pic img { margin-top:15px; max-width:140px; max-height:140px; }
.b-wrap-list .pro-box .detail { margin-left:8px;}
.b-wrap-list .pro-box .detail> li{ display:block; margin-top:6px;}
.b-wrap-list .pro-box .detail >li>span { color:#979797;}
.b-wrap-list .pro-box .detail >li .name {  color:#000;margin-left:3px;line-height:18px; display:inline-block; vertical-align:middle; width:135px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.b-wrap-list .pro-box .detail >li .spec {  display:inline-block;  width:180px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.b-wrap-list .pro-box .detail> li .dis-price { font-size:18px; color:#ff0000;font-family:Arial, Helvetica, sans-serif;}
.b-wrap-list .pro-box .detail >li .price { margin-left:8px; text-decoration:line-through;font-family:Arial, Helvetica, sans-serif;}
.b-wrap-list .pro-box .detail > li .stext {  display:inline-block; vertical-align:middle; width:150px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.b-wrap-list .pro-box .botom { position:absolute; bottom:0; width:100%; background:#f8f8f8; height:38px; border-top:1px solid #dedede;}
.b-wrap-list .pro-box .botom > div { margin-left:15px; margin-top:4px;  }
.b-wrap-list .pro-box .botom .clear-text { display:none; color:#9d9d9d; margin-left:5px;}
.b-wrap-list .pro-box .botom .cart { position:relative; display:inline-block; cursor:pointer; vertical-align:middle; width:22px; height:22px; background:url(/images/icon_cart_red.png) no-repeat; }
.b-wrap-list .pro-box .botom .cart .num { position:absolute; right:-10px;top:-10px; display:inline-block; height:20px; width:20px;border-radius:50%; background:#e44040;color:#fff; line-height:20px; text-align:center;}
.cart-num-edit { display:inline-block; margin-left:15px; }
.cart-num-edit input[type=text] {  height:28px; width:50px; text-align:center; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;margin-top:0.5px;}
.cart-num-edit input[type=button] { color:#fff; width:28px; height:30px; border:1px solid #e6e6e6; text-align:center; font-size:22px; font-family:"宋体"; cursor:pointer; margin-top:0.5px;}
.has { background-color:#0fbcbe;}
.no-has { background-color:#dddddd;}
.no-record { text-align:center;  padding-top:20px; width:100%;   font-size:16px; height:80px; color:#fff; border:10px solid #dbecec; background:#4448f8; box-sizing:border-box;}
.no-record:hover { background-color:#0d9b9d;}

/*查看货期*/
.good-wrap { position:relative; display:inline-block; }
/*.good-wrap>label { color:#2fc1c2; }*/
.sbhq {color:#2fc1c2; cursor:pointer; }
.good-wrap .show-box{  position:absolute; top:-110px; left:-60px; display: -webkit-box; -webkit-box-pack:center;-webkit-box-align:center; width:175px; height:90px; background:rgba(0, 0, 0, 0.7);z-index:100;  border-radius:3px;}
.good-wrap .show-box ul { margin:8px 15px;}
.good-wrap .show-box ul li:first-child { margin-top:0;}
.good-wrap .show-box ul li { margin-top:5px;}
.good-wrap .show-box ul li label { color:#fff; margin-left:3px;}
.good-wrap  .arrow {position:absolute; top:-21px; left:-30px;display:inline-block; background:url(/images/icon_down_arrow.png) no-repeat; width:10px; height:8px; }

/*分页*/
.page-wrap { text-align:center; margin-top:30px;}
.page-wrap a { display:inline-block; background:#fff; padding:13px 15px; color:#666666;}
.page-wrap a.disable { color:#ccc; cursor:default; }
.page-wrap a.cur { background:#4448f8; color:#fff;}
.page-wrap a:first-child { margin-right:10px;}
.page-wrap a:last-child { margin-left:10px;}
.page-wrap>div{ display:inline-block;}

.go-page { margin-left:10px;}
.go-page label { margin:0 5px;  vertical-align:middle;}
.go-page input { width:40px; height:32px; border:1px solid #ccc !important; text-align:center; vertical-align:middle;}
.go-page button { border:1px solid #ccc; height:36px; width:45px; background:#fff;}


/*附件蒙层*/
.f-btn-box{position:absolute;bottom:5px;right:10px;}
.f-btn-box2{position:absolute;bottom:48px;right:6px;}
.f-btn-span{ display:inline-block; cursor:pointer; padding:6px 8px; background:#0fbcbe; color:#fff;}

.f-table-box-bg { display:none; position:fixed; z-index:99; left:0; right:0; bottom:0; top:0;}
.f-table-box { display:none; position:absolute; z-index:100; /*left: 735px; top:800px;*/  width: 542px; background:rgba(42, 42, 42, 0.85); }
.f-table-box>.wrap { position:relative; }
.f-table-box>.wrap>.close{ display:inline-block; cursor:pointer; position:absolute; top:-10px; right:-10px;  height:26px;width:26px; background:url(/images/icon_close_f.png) no-repeat;}

.f-table-box>.wrap>.arrow_left{ display:inline-block; cursor:pointer; position:absolute; top:45px; left:-9px;  height:14px;width:9px; background:url(/images/icon_arrow_f.png) no-repeat;}
.f-table-box>.wrap>.arrow_top{ display:inline-block; cursor:pointer; position:absolute; top:-9px; /* left:50px;*/  height:9px;width:14px; background:url(/images/icon_arrow_f2.png) no-repeat;}


.f-table-box .title ul{ width:100%;display:table; color:#fff; height:28px; background:rgba(15, 188, 190, 0.8);  }
.f-table-box .title ul li{ display:inline-block; display:table-cell; vertical-align:middle; text-align:center; }

.f-table-box .body { max-height:360px; overflow-y:auto;  border-bottom:none;border-left:1px solid #42c2c4;border-right:1px solid #42c2c4;}
.f-table-box .body ul{width:100%; display:table; color:#fff; height:60px; border-bottom:1px solid #b2b2b2;}
.f-table-box .body ul li{ display:inline-block; display:table-cell; vertical-align:middle;text-align:center; }

.f-table-box .body::-webkit-scrollbar { height:8px; width:8px; cursor: pointer; }

.f-table-box .body::-webkit-scrollbar-thumb { border-radius:2px;  background: #c1c1c1; }

.f-table-box .body::-webkit-scrollbar-track { /*滚动条里面轨道*/ border-radius: 5px; background: #dfdfdf; }

.f-table-box .page{height:34px; padding-top:12px; color:#fff;border-left:1px solid #42c2c4;border-right:1px solid #42c2c4; text-align:right; padding-right:15px; }
.f-table-box .page  label{ color:#ff0000; display:inline-block; margin:0 3px; }
.f-table-box .page a { display:inline-block; padding:4px 12px; margin:0 5px; text-decoration:none; border:1px solid #fff; border-radius:3px;}
.f-table-box .page a:hover { text-decoration:none; background:#4448f8; color:#fff; }
.f-table-box .page .disable {  color:#979797; border-color:#979797; cursor:default; }
.f-table-box .page .disable:hover { background:none; color:#979797;}

.f-table-box .td-1 { position:relative;}
.f-table-box .td-1>span{ display:inline-block;position:absolute;left:10px; top:15px; width:14px;border:1px solid #fed100; color:#fed100; padding:2px;}
.f-table-box .td-1 .detail{ text-align:left; position:absolute;left:35px;top:8px;}
.f-table-box .td-1 .detail .text-0 {display:block; color:#e05a5a; max-width:180px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.f-table-box .td-1 .detail .text-1 { display:block; max-width:180px; margin-top:4px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.f-table-box .td-1 .detail .text-2 { display:block; color:#b4b4b4; margin-top:4px;max-width:180px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.f-table-box .td-5 { position:relative;}
.f-table-box  .num-tip-box { color:#f6ee08; position:absolute; bottom:3px; text-align:center; width:100%}

.cart-num-box { }
.cart-num-box input[type=text] {  height:20px; width:35px; text-align:center; display:inline-block;vertical-align:bottom; }
.cart-num-box input[type=button] { color:#fff; width:20px; height:20px; display:inline-block; vertical-align:bottom; text-align:center; font-size:18px; font-family:"宋体"; cursor:pointer;}

.no-has-1 { background:#999; }
.has-1 { background:#4448f8; }
.text-through { text-decoration:line-through;}

.f-table-box  .bottom { cursor:pointer; height:30px; background:#ff0000; text-align:center; color:#fff;}
.f-table-box .bottom:active {background:#e97878; }
.f-table-box  .bottom .cart{display:inline-block; margin-right:6px; vertical-align:central;  margin-top:5px; background:url(/images/icon-cart-white.png) no-repeat center; width:13px; height:13px;}
.f-table-box  .bottom span{ display:inline-block; line-height:30px;}

.f-table-box .col_1 { width:230px; }
.f-table-box .col_2 { width:80px;}
.f-table-box .col_3 { width:80px;}
.f-table-box .col_4  { width:50px;}
.f-table-box .col_5  { width:102px;}
